<template>
  <div class="news">
    <p>最新资讯</p>
    <div class="news-all">
      <div class="news-left">
        <img
          src="https://p0.meituan.net/moviemachine/ac67d92abcc52bb9b47608b0c12880d523061.jpg@144h_1l"
          alt=""
        />
      </div>
      <div class="news-middle">
        顶级玩梗承包本月欢乐，《失控玩家》口碑票房领跑ing
      </div>
      <div class="news-right">
        <van-icon name="arrow" />
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.news{
  padding: 0 .3rem .1rem .3rem;
  font-size: .33rem;
}
p{
  height: 1rem;
  line-height: 1rem;
}
.news-all{
display:flex;
justify-content: space-between;
border-top:1px solid #eaeaea;
padding-top:.2rem;
font-size: .32rem;
/* height:1.7rem; */
/* line-height: 1.7rem; */
}
.news-left img{
  width: 2.1rem;
  height: 1.5rem;
}
.news-middle{
  padding-left: .28rem;
  
  padding-top: .4rem;
   /* word-wrap:break-word */
}
.news-right{
  padding-top: .7rem;
font-size: .32rem;
}
/* .news-middle{
  width:2rem;
} */
</style>